<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
// import storage from './storage/index'
import { mapActions } from 'vuex'
export default {
  name: 'App',
  components: {
  },
   data(){
     return{
     }
   },
  mounted(){
    if(this.$cookie.get('userId')){
        this.getUserIno();
        this.getCartCount();
    }
  },
  methods:{
      getUserIno(){
          this.axios.get('/user').then((res={})=> {
            //to-do
            // this.$store.dispatch('saveUserName',res.username)
            this.saveUserName(res.username);
          })
      },
    getCartCount(){
        this.axios.get('/carts/products/sum').then((res=0)=>{
          console.log(res)
          // this.$store.dispatch('saveCartCount',res)
          this.saveCartCount(res);
        })
    },
    ...mapActions(['saveUserName','saveCartCount'])

  }
}
</script>

<style lang="scss">
@import "./assets/scss/reset.scss";
@import "./assets/scss/config.scss";
@import "./assets/scss/base.scss";
@import "./assets/scss/button.scss";
</style>
